Ext.define("MyFirstApp.view.Server",{
    extend: 'Ext.Panel',
    xtype: 'server',
    config: {
        title: 'Servers List',
        layout:'fit',
        items: [
            {
                xtype:'list',
                disableSelection: true,
                store:'serversJsonStore',
                plugins: [
                    {
                        xclass: 'Ext.plugin.PullRefresh',
                        pullRefreshText: 'Pull down to fresh!'
                    }
                ],
                itemTpl:[
                    '<div><h1>{name}</h1></div>',
                    '<div><img src="resources/status/status_{status}.png"></div>',
                    '<div>{server}:{port}</div>',
                    '<div>{timestamp:date("Y-m-d H:i:s")}</div>'
                ],
                items: [
                    {
                        xtype: 'toolbar',
                        docked: 'top',
                        //baseCls: 'toolbar-search',
                        ui: '',
                        border: 0,
                        items: [
                            {
                                xtype: 'searchfield',
                                placeHolder: 'Search...',
                                flex:1
                            }
                        ]
                    }
                ],
                itemCls:'server-entry',
                loadingText: 'Loading...'
            }
        ]
    }
});